<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                template="../templates/plantilla.xhtml">
    <ui:define name="head">Compra y Venta</ui:define>
    <ui:define name="content">

        <h1 class="title ui-widget-header ui-corner-all">Gestion de Productos</h1>
        <div class="entry" style="line-height:200%">

            <p:ajaxStatus style="width:16px;height:16px;">
                <f:facet name="start">
                    <h:graphicImage value="../design/ajaxloading.gif" />
                </f:facet>

                <f:facet name="complete">
                    <h:outputText value="" />
                </f:facet>
            </p:ajaxStatus>

            <h:form id="frm">

                <p:dataTable id="tbCliente" value="#{productoBean.productos}" var="row" 
                             paginator="true" paginatorPosition="bottom" selectionMode="single"
                             onRowSelectUpdate="frm:tableButtons"
                             onRowUnselectUpdate="frm:tableButtons"
                             emptyMessage="No se encontraron resultados">

                    <p:column filterBy="#{row.nombre}" filterMatchMode="contains" headerText="Producto">
                        <h:outputText value="#{row.nombre}" />
                    </p:column>

                    <p:column filterBy="#{row.codigo}" filterMatchMode="contains" headerText="Codigo">
                        <h:outputText value="#{row.codigo}" />
                    </p:column>

                    <p:column filterBy="#{row.costo_compra}" filterMatchMode="contains" headerText="Costo de Compra">
                        <h:outputText value="#{row.costo_compra}" />
                    </p:column>

                    <p:column filterBy="#{row.precio_venta}" filterMatchMode="contains" headerText="Precio de Venta">
                        <h:outputText value="#{row.precio_venta}" />
                    </p:column>

                    <p:column filterBy="#{row.proveedor.nombre}" filterMatchMode="contains" headerText="Proveedor">
                        <h:outputText value="#{row.proveedor.nombre}" />
                    </p:column>

                    <p:column  >
                         <p:commandButton id="borrarButton" update="frm" oncomplete="" value="Borrar" action="#{productoBean.deleteProducto()}" >  
                            <f:setPropertyActionListener   value="#{row}" target="#{productoBean.producto}" />  
                        </p:commandButton>  
                    </p:column>   
                    
                    <p:column>    
                        <p:button id="editarButton" value="Editar" outcome="editarProductoForm">
                            <f:param name="id" value="#{row.id}"/>
                        </p:button>
                    </p:column>   
                    
                    
                    <f:facet name="footer">  
                        <p:button id="nuevoButton" value="Nuevo" outcome="productoForm"/>  
                    </f:facet> 
                </p:dataTable>

                <br/>
            </h:form>
        </div>

    </ui:define>
</ui:composition>

